<!DOCTYPE html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="shortcut icon" type="image/x-icon" href="http://www.hhailuo.com/wp-content/themes/coffee-beans/images/logo.png">
    <link href="{:asset('bootstrap/css/bootstrap.css')}" rel="stylesheet" type="text/css">
    <link href="{:asset('font/googlefont/material-icons.css')}" rel="stylesheet" type="text/css">
    <title>管理员登录</title>
    <style type="text/css">
        body {
            background-color: #1abc9c;
        }
        .login_form {
            max-width: 360px;
            margin: 0 auto;
            padding: 50px 0;
        }
        .login-content {
            background-color: #FFF;
        }

        .section-title {
            padding: 10px 20px;
            background-color: white;
        }

        .section-title h3 {
            color: #3498db;
        }

        .textbox-wrap {
            padding: 20px 20px 20px 15px;
            border-left: 5px solid transparent;
            -moz-transition: border-left-color 0.5s, box-shadow 0.5s, background-color 0.5s;
            -o-transition: border-left-color 0.5s, box-shadow 0.5s, background-color 0.5s;
            -webkit-transition: border-left-color 0.5s, box-shadow 0.5s, background-color 0.5s;
            transition: border-left-color 0.5s, box-shadow 0.5s, background-color 0.5s;
        }

        .textbox-wrap.focused {
            border-left-color: #3498db;
            background-color: #f0f0f0;
        }

        .textbox-wrap .input-group {
            border: 1px solid #e0e0e0;
            background-color: #ffffff;
        }

        .input-group {
            position: relative;
            display: table;
            border-collapse: separate;
        }

        .textbox-wrap .input-group .input-group-addon, .textbox-wrap .input-group input, .textbox-wrap .input-group .form-control {
            background-color: transparent;
            border: none;
        }

        .textbox-wrap .input-group input, .textbox-wrap .input-group .form-control, .textbox-wrap .input-group input:focus, .textbox-wrap .input-group .form-control:focus {
            box-shadow: none;
            outline: none;
        }
        .ipt {
            height: 45px;
            width: 170px;
            padding: 6px 12px;
        }

        .login-form-action {
            padding: 15px 20px 30px 20px;
        }

        .green-btn, .green-btn:hover, .blue-btn {
            background-color: #2ecc71;
            border: none;
        }
        .cr {
            background-color: #FFF;
            margin-top: 10px;
            padding: 20px;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="login_form">
            <div class="login-content bounceIn" data-animation="bounceIn">
                <form action="__MODULE__/Public/checklogin" method="post" name="myform">
                    <div class="section-title">
                        <h3>红海螺内容管理系统</h3>
                    </div>
                    <div class="textbox-wrap">
                        <div class="input-group">
                            <span class="input-group-addon "><i class="material-icons">&#xE84E;</i></span>
                            <input type="text"  name="account" required="required" class="form-control" placeholder="用户名">
                        </div>
                    </div>
                    <div class="textbox-wrap">
                        <div class="input-group">
                            <span class="input-group-addon"><i class="material-icons">&#xE88D;</i></span>
                            <input type="password" name="password" required="required" class="form-control " placeholder="密码">
                        </div>
                    </div>
                    <div class="textbox-wrap clearfix">
                        <div class="input-group">
                        <span class="input-group-addon"><i class="material-icons">&#xE3B6;</i></span>
                        <input name="verify" type="text" required="required" class="ipt pull-left" placeholder="验证码" />
                        <div class="yzm pull-left">
                            <img style='cursor:pointer' title='点击刷新验证码' src='__CONTROLLER__/verify' id='verifyImg' onClick='freshVerify()'/>
                        </div>
                        </div>
                    </div>
                    <div class="login-form-action text-center">
                        <button type="submit" class="btn btn-success green-btn" style="width: 50%">登陆 &nbsp; <i class="icon-chevron-right"></i></button>
                    </div>
                </form>
            </div>
            <!-- <div class="cr"><?php echo C('COPYRIGHT'); ?></div> -->
        </div>
    </div>

    <script type="text/javaScript" src="{:asset('js/jquery.min.js')}"></script>
    <script type="text/javascript" src="{:asset('js/jquery-placeholder.js')}"></script>
    <script type="text/javascript">
        $(function() {
            $('input').focus(function() {
                $(this).closest('.textbox-wrap').addClass('focused');
            });
            $('input').blur(function() {
                $(this).closest('.textbox-wrap').removeClass('focused');
            });
            $('input').placeholder();
        });
        if(top!=self) {
            top.location=self.location;
        }
        function freshVerify() {
            document.getElementById('verifyImg').src='__CONTROLLER__/verify/' + Math.random();
        }
    </script>
</body>
</html>